<include file="public:headtop" />
<style>
  ul.list{width:100%;}
  ul .item{
    margin-top:5px;
    margin-left:2%;
    width:47%;
    display:inline-block;
  } 
  ul .item .pic{
    border-radius: 10px;
    width:100%;
    height:30%;
    /*border:1px solid yellow;*/
    box-shadow: 0 0px 8px rgb(255, 180, 0);
  }

  ul .item .good_content{
    background-image: url("/static/weixin/images/index/harf_title_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color:white;
    float:left;
    width:95%;
  }

</style>


<div id="content">
   <img src="__STATIC__/weixin/images/index/top1.png" alt="" class='w100' _href="{:u('item/index',array('id'=>$item['id']))}">
   <div class="module_special" style='margin:0px;margin-top:-5px'>
        <!-- <h2 class="common_title veins2">
            <div class="ornament1"></div>
            <div class="ornament2"></div>
            <span class="ico1">
                <span class="ico2">推荐商品</span>
            </span>
        </h2> -->
        <style>
          
          .good_content .title{margin-left:10px;float:left;display:inline-block;width:90%;overflow:hidden;}
          .good_content .price{text-align:right;margin-right:10px;float:right;display:inline-block;width:90%;overflow:hidden;}
        </style>
        <ul class="list">
            <volist name="data" id="item">
            <li class='item' _href="{:u('item/index',array('id'=>$item['id']))}">
             <img class='pic' src="{:attach(get_thumb($item['img'], '_b'), 'item')}">
            <div class='good_content'>
                <span class='title'>{$item.title}</span>
                <span class='price'>¥{$item.price}</span>
            </div>

          </li>
          </volist>
           
        </ul>
    </div>
</div>

<include file="public:footer" />
<script>
$(".pic").height($(".pic").width()*0.9)
  $('.list .item').live('click',function(){
    var href = $(this).attr('_href');
    window.location.href = href;
  })
</script>
</body>
</html>
